@charset "UTF-8";
/* CSS Document */
a:link {color:#8FBC8F;text-decoration:none;}      
a:hover {color:#008B8B;border-bottom:2px solid #008B8B; cursor:url(../art/boom.gif),auto;}  /* mouse over link */
a:active {color:#790002;}  /* selected link */
a:visited {color:#FF8C00;}

body {
	background-image: url("../art/sewer2.png");
	background-color: #000000;
	background-size: 3000px 1500px;
    	background-repeat: no-repeat;
	background-position: center;
    	background-attachment: fixed;
	font-family: "Comic Sans MS", Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size:150%;
	color:silver;
	cursor:url(../art/UFO3.gif),auto;
}


p	{
	text-indent:hanging;
}

img {
	background:#4B0082;
   	border: ridge 15px #F5AE3D;
}

.img1 {
	background:#4B0082;
	border: solid 2px #008B8B;
  }

.img2 {
	background:#cccccc;
	border: solid 0px #cccccc;
  }

.img3 {
	background:#cccccc;
	border: solid 10px #000000;
  }

h1 {
	color:white;
	text-align:center;
	font-family: "Comic Sans MS"
	text-decoration:underline;
}

p.ex {
    margin: 20px 50px 15px 10px;

}

.rainbow {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}


z {

	color:chartreuse;
	font-family: Impact;
}

.blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}


div.img {
    margin: 10px;
    border: 2px solid #DCDCDC;
    float: center;
    width: 500px;
}	

div.img:hover {
    border: 5px solid #DCDCDC;
}

div.img img {
    width: 95%;
    height: auto;
	
}

div.desc {
    padding: 10px;
    text-align: center;
    color: #0000CD;

}